<%--
  Created by IntelliJ IDEA.
  User: 谢斌
  Date: 2021/1/26
  Time: 15:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:include page="ctx.jsp"/>
<html>
<head>
    <!-- 包含公共的JSP代码片段 -->

    <title>餐馆王平台</title>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="${ctx}/detail/style/js/jquery.js"></script>
    <script type="text/javascript" src="${ctx}/detail/style/js/page_common.js"></script>
    <link href="${ctx}/detail/style/css/common_style_blue.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="${ctx}/detail/style/css/index_1.css"/>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px
        }

        #dish_2 a {
            text-decoration: none;
            font-size: 36px;
            color: #000;
        }

        #dish_2 ul {
            list-style: none;
        }

        #dish_2 li {
            background: url(${ctx}/detail/style/images/img/btn.gif);
            width: 164px;
            height: 47px;
            text-align: center;
            padding-top: 5px;
        }
    </style>
</head>
<body style="text-align: center">
<!--外部的大层-->
<div class="index_all" style="text-align:center;">
    <!--上面的背景层-->
    <div>
        <img src="${ctx}/detail/style/images/flower.gif"/>
    </div>
    <!--中间层-->
    <div id="index_center">
        <!--中间层的空白层-->
        <div id="space">

        </div>
        <!--中间层的菜单层-->
        <div>
            <!--菜单层的左边-->
            <div id="index_centerleft"></div>
            <!--菜单层的中间-->
            <div class="bg_middle">
                <img src="${ctx}/detail/style/images/index_menu.gif" border="0" usemap="#Map"/>
                <map name="Map" id="Map">
                    <area shape="rect" coords="164,99,354,199" href="#"/>
                </map>
            </div>
            <!--中间层的右边-->
            <div id="index_centerright"></div>
        </div>

        <!--放桌子的层-->
        <div id="center_bottom">
            <ul style=" display:inline-table">
                <c:forEach items="${tables}" var="tables">
                    <li>
                        <a href="front?action=findFoodByPage&tableId=${tables.tableId}">
                            ${tables.tableName}
                        </a>
                    </li>
                </c:forEach>

            </ul>
        </div>
    </div>

    <!--下面的背景层-->
    <div>
        <img src="${ctx}/detail/style/images/flower.gif"/>
    </div>
</div>
</body>
</html>
